工具主要用于对WebUI中的布局、颜色等风格的定制。
概述
定制过程中可实时预览定制内容，更直观感受定制后的界面，定制完成后，支持将方案导出为配置文件，用于软件中。
品牌信息定制
使用此功能，您可以虚拟设置并预览定制的品牌信息，主要用于定制：软件logo、软件名称、版权信息、背景图等。
说明： 品牌信息定制工具仅支持预览修改，如需变更品牌信息请通过其他方式处理。
操作步骤
步骤1 在WebUI的首页单击“定制工具”，进入BMC WebUI定制工具的界面。
步骤2 单击“品牌信息定制工具”进入定制界面。
步骤3 请根据需求选择定制的内容。
定制基础信息
- 软件logo：logo标志，本地导入图片。要求为.png格式，尺寸不超过178*32像素，大小不超过1MB。
- 软件名称：设置软件的名称。要求由0~8个字符组成，支持数字、英文字母，不能包含空格。
- 首页机型图：用于首页服务器的机型展示。图片要求为.png格式，建议尺寸588*332像素，大小不超过1MB。注意图片请保留透明的边距，便于界面展示。
- ico图标：用于浏览器标签页图标显示，图片要求为.ico格式，建议尺寸16*16像素，大小不超过1MB。
定制登录页
背景图：用于登录页面的背景图，可上传本地文件替换，图片要求为.jpg格式，建议尺寸1920*1920像素，大小不超过1MB。
卡片大小：登录窗口在登录界面展示的大小，提供两种尺寸选择。
卡片位置：登录窗口在登录界面展示的位置，提供两种位置选择。
二维码功能：开启后，扫描二维码可查看帮助资料。
默认安全公告：设置的默认安全公告，将会展示在登录界面。
步骤4 单击“保存”，完成定制。
说明：
单击“预览”，可实时预览当前定制内容。
单击“默认恢复”，会清除当前的定制方案，恢复至未定制前的默认品牌信息。
单击“取消”将回退至BMC WebUI定制工具的界面。
品牌风格定制
使用此功能，您可以定制主题、按钮等的颜色，同时也可以对页面的布局控件以及输入框的形状进行调整。
操作步骤
步骤1 在WebUI的首页单击“定制工具”，进入BMC WebUI定制工具的界面。
步骤2 单击“品牌风格定制工具”进入定制界面。
步骤3 选择需要定制的内容。
颜色定制
主题模式：WebUI的主题颜色，建议根据登录页面的背景颜色选择对应的主题模式。主题模式分为：亮色模式和暗色模式。
品牌色：用于关键的行动点、操作状态、重要信息高亮、图形化等场景。例如：导航栏、保存按钮、复选框等。
背景色：应用于全局页面最底部的背景。
告警色：应用于告警提示。
状态色：应用于全局提示、信息提示、状态标签、加载等场景。
布局&控件定制
布局导航：对工具页面的导航栏位置进行调整，可根据实际情况，选择合适的布局。
控件：用于全局按钮、通知、选择器、输入框、卡片等控件的样式。圆角用于按钮、菜单等展示的性状。阴影用于提示框的边框阴影。
步骤4 单击“保存”完成定制。
首页卡片自定义
使用此功能，您可以通过提供的模板，定制WebUI首页的布局。
步骤1 在WebUI的首页单击“定制工具”，进入BMC WebUI定制工具的界面。
步骤2 单击“首页卡片自定义工具”，进入WebUI首页。
步骤3 在首页上方的下拉框选择模板。
步骤4 单击“保存”完成定制。
说明：
单击首页下方的“取消”将取消当前的定制内容，并回退至BMC WebUI定制工具的界面。
单击首页下方的“恢复默认首页”，可恢复至未定制前的默认布局。
定制文件导出工具
使用此功能，您可以将当前定制的方案以“json”格式导出至本地，并集成至BMC固件包中。
步骤1 在WebUI的首页单击“定制工具”，进入BMC WebUI定制工具的界面。
步骤2 单击“定制文件导出工具”，进入导出工具界面。
步骤3 单击“生成”，将定制的方案下载至本地。
说明：
单击右下角的页签，可预览当前定制的登录页面和WebUI首页布局。
定制生效指南
本章节主要指导如何使定制的文件在软件内生效。
操作步骤
步骤1 使用白牌包构建能力，将导出的.json文件打包到白牌包中。
步骤2 在对应环境的WebUI界面，选择“BMC管理 > 固件升级 > 固件更新”，导入制作的白牌包进行升级。
步骤3 升级成功后，BMC将自动重启。
步骤4 重启成功后，WebUI界面将展示定制后的风格。